import 'package:flutter/material.dart';
import 'dart:io';
import 'package:flutter_screenutil/flutter_screenutil.dart';



class ParkRecord extends StatefulWidget{
  @override
  State<StatefulWidget> createState() => ParkRecordState();
}

class ParkRecordState extends State<ParkRecord> {

//  List formList =
// [
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
//  ];

  var CurMonth='1';
  var dropdown=false;

  @override
  void initState(){
    super.initState();

  }


  Widget getList(){
    List formList = [
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
      {"time":'6月1日  10：01',"plate": '京P.***888','CurTime':'2 : 30 : 45',"money":'￥18'},
    ];
    List<Widget> rlist = [];//先建一个数组用于存放循环生成的widget
    Widget content; //单独一个widget组件，用于返回需要生成的内容widget
    // print(formList);
    for(var item in formList){
      //print(item);
      rlist.add(
          new Container(
            margin: EdgeInsets.fromLTRB(10.0, 0, 10.0, 0),
            padding: EdgeInsets.fromLTRB(0, 10.0, 0, 0),
            decoration:BoxDecoration(
              border:Border(bottom:BorderSide(
                  color: Colors.black45,
                  width: 1.0,
                  style: BorderStyle.solid)),
            ),
            child: new Row(
              children: <Widget>[
                Expanded(
                  child:new Column(
                    children: <Widget>[
                      new Text(item['time'],
                          style:new TextStyle(
                              color:Colors.grey,
                              fontSize: 14.0
                          )
                      ),
                      new Text(item['plate'],
                        style: new TextStyle(
                            color:Colors.black,
                            fontSize: 20.0
                        ),
                      ),
                      new Padding(
                        padding: const EdgeInsets.fromLTRB(0, 0, 30.0, 0),
                        child: new Text(""),
                      )
                    ],
                  ) ,
                ),
                Expanded(
                    child:new Text(item['CurTime'],
                      style: new TextStyle(
                        color:Colors.black,
                        fontSize: 22.0,
                      ),
                      textAlign: TextAlign.right,
                    )
                ),
                Expanded(
                    child:new Text(item['money'],
                      style: new TextStyle(
                          color:Colors.black,
                          fontSize: 22.0
                      ),
                      textAlign: TextAlign.right,
                    )
                ),
              ],
            ),
          )
      );
    }

//    content = new Column(
//       children:rlist,
//    );
    content = new Container(
      height: 600.0,
      child: ListView(
        children:rlist,
      ),
    );
    return content;
  }
  //Widget ExampleWidget = getList();

  Widget searchByTimePart() {
    return  new Container(
        padding: EdgeInsets.fromLTRB(10.0, 20.0, 10.0, 20.0),
        decoration: BoxDecoration(
          border:Border(
              bottom:BorderSide(
                  color: Colors.black45,
                  width: 1.0,
                  style: BorderStyle.solid)
          ),
        ),
        child:new Row(
          children: <Widget>[
            new Padding(padding: const EdgeInsets.fromLTRB(0, 0, 0, 0)),
            Expanded(
              child:new DropdownButtonHideUnderline(
                child:new DropdownButton(items: [
                  new DropdownMenuItem(
                    child: new Text('1月'),
                    value: '1',
                  ),
                  new DropdownMenuItem(
                    child: new Text('2月'),
                    value: '2',
                  ),
                  new DropdownMenuItem(
                    child: new Text('3月'),
                    value: '3',
                  ),
                  new DropdownMenuItem(
                    child: new Text('4月'),
                    value: '4',
                  ),
                  new DropdownMenuItem(
                    child: new Text('5月'),
                    value: '5',
                  ),
                  new DropdownMenuItem(
                    child: new Text('6月'),
                    value: '6',
                  ),
                  new DropdownMenuItem(
                    child: new Text('7月'),
                    value: '7',
                  ),
                  new DropdownMenuItem(
                    child: new Text('8月'),
                    value: '8',
                  ),
                  new DropdownMenuItem(
                    child: new Text('9月'),
                    value: '9',
                  ),
                  new DropdownMenuItem(
                    child: new Text('10月'),
                    value: '10',
                  ),
                  new DropdownMenuItem(
                    child: new Text('11月'),
                    value: '11',
                  ),
                  new DropdownMenuItem(
                    child: new Text('12月'),
                    value: '12',
                  ),
                ],
                  hint: new Text(CurMonth+'月'),
                  onChanged:(value){
                    print(value);
                    setState((){
                      CurMonth = value;
                      dropdown == false? dropdown=true :dropdown=false;
                    });
                  },
                  iconSize: 40.0,
                  icon: IconButton(icon: new Icon(dropdown == false?Icons.keyboard_arrow_down:Icons.keyboard_arrow_up),
                      onPressed: () {
                         setState((){
                           dropdown == false? dropdown=true :dropdown=false;
                         });
                      }),
                ),
              ),
            ),
            Expanded(
                child: Text(
                    '收入 ：128.90',
                    textAlign: TextAlign.right,
                    style:new TextStyle(
                        fontSize: 16.0,
                        color:Colors.black45
                    ))),
            //child: _getContainer(
            //  'https://raw.githubusercontent.com/think-ing/flutter_demo/master/images/a.jpg',
            // 'ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss')),

          ],

        )
    );

  }



  @override
  Widget build(BuildContext context){
    //设置字体大小根据系统的“字体大小”辅助选项来进行缩放,默认为false
    ScreenUtil.instance =
    ScreenUtil(width: 750, height: 1334, allowFontScaling: true)
      ..init(context);

    return Scaffold(
        appBar:new AppBar(
          backgroundColor:Colors.teal,
          elevation:0.0,
          title:new Text("停车记录",
            style:new TextStyle(
                color:Colors.white,
                fontSize:18.0,
                fontWeight: FontWeight.w700
            ),
          ),
        ),
        body: new SafeArea(
            child:new Column(
              children: <Widget>[
                //根据时间搜索停车记录
                searchByTimePart(),

                //记录列表
                getList()
                //ExampleWidget
              ],

            )

        )
    );

  }

}